MessageTray, ScreenShield: adjust missed message counter

Fix counter size and position and add some padding in
ScreenShield notifications to not obscure the items below
the missed message counter.

https://bugzilla.gnome.org/show_bug.cgi?id=686472

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 0374e5504412e2a8a18a834d1b2c009fb30b6d08..c2b69b15bc5e5455705ca186a46bee0e0627599c 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1532,13 +1532,13 @@ StScrollBar StButton#vhandle:active {
 
 .summary-source-counter {
     background-image: url("summary-counter.svg");
-    background-size: 2.5em;
+    background-size: 2.4em;
     font-size: 10pt;
     font-weight: bold;
-    height: 2.5em;
-    width: 2.5em;
-    -shell-counter-overlap-x: 4px;
-    -shell-counter-overlap-y: 4px;
+    height: 2.4em;
+    width: 2.4em;
+    -shell-counter-overlap-x: 13px;
+    -shell-counter-overlap-y: 13px;
 }
 
 /* App Switcher */
@@ -2359,16 +2359,21 @@ StScrollBar StButton#vhandle:active {
 }
 
 .screen-shield-notification-source {
-    padding: 0 24px;
+    padding: 13px 24px;
     spacing: 5px;
 }
 
 .screen-shield-notification-label {
     font-size: 1.2em;
     font-weight: bold;
+    padding: 0px 18px;
     color: #babdb6;
 }
 
+.screen-shield-notification-count-text {
+    padding: 0px 18px;
+}
+
 /* Remove background from notifications, otherwise
    opacity is doubled and they look darker
 */